<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1848847_nde5h5okja.css"/>
		
	</head>
	<body>
		<input type="checkbox" name="" id="left" value="" style="z-index: 10;
		position: absolute;"/>
		<input type="checkbox" name="" id="right" value="" style="z-index: 10;
		position: absolute;"/>
		
		
		<!--正页 -->
		<div class="web">
			<!-- 1.头部 -->
			<div class="header_content">
				<div class="left_logo  fl">
					<label for="left">
						<img src="img/首页图片/B1-文章-1_03.jpg" >
					</label>
				</div>
				<div class="middle_logo">
					<img src="img/首页图片/微信图片_20200527174220.png" >
				</div>
				<div class="search_logo fr">
					<label for="right">
						<img src="img/首页图片/登录-和-搜索11_03.png" >
					</label>
					
				</div>
				
				
			</div>
			
			
			
			<!-- 2.中间内容 -->
			<div class="section_content">
				<ul>
					<li class="top   clearfix">
					<img class="top1  fl" src="img/首页图片/登录-和-搜索1_07.jpg" >
					<div class="top2 fl"></div>
					<img src="img/首页图片/登录-和-搜索2_03.png" alt="" class="top3  fl">
					</li>
				</ul>
				
				<div class="neir">
					<img src="img/首页图片/微信图片_20200527171007.jpg" >
					<div class="neir1">
						<h2>省广股份携手阿里妈妈举行DT大时代 全息营销</h2>
						<div class="neir2 fl">
							<img class="img fl"  src="img/首页图片/登录-和-搜索21_13.png" >
							<p class="fl">120</p>
							<img class="img1 fl"  src="img/首页图片/登录-和-搜索20_13.png" >
							<p class="fl">560</p>
							<span class="sp"></span>
							<span></span>
							<span></span>
							<span></span>
							<div class="sp1">12月26日 07:33:43</div>
						</div>
					</div>
				</div>
				
				
				<div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>120</p>
						<span>2小时前 [案例观点] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索3_09.png" >
					</div>
					
				</div>
				<div class="string"></div>
				
				<div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>886</p>
						<span>6小时前  [课程] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索4_09.png" >
					</div>
					
				</div>
				<div class="string1"></div>
				
				<!-- 三张图 -->
				<div class="three clearfix">
					<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
					<div class="pho ">
						<img src="img/首页图片/登录-和-搜索5_09.png" >
					</div>
					<div class="pho1">
						<img src="img/首页图片/登录-和-搜索6_09.png" >
					</div>
					<div class="pho1">
						<img src="img/首页图片/登录-和-搜索7_09.png" >
					</div>
					<div class="name fl">
						<div class="na">
							<img src="img/首页图片/登录-和-搜索8_09.png" >
						</div>
						<p>陈正光</p>
						<div class="na2">
							<img src="img/首页图片/登录-和-搜索10_09.png" >
						</div>
						<span>6868</span>
						<div class="na3">
							<img src="img/首页图片/登录-和-搜索9_09.png" >
						</div>
						<span>4808</span>
						<div class="nam">2天前 [案例观点] </div>
					</div>
				</div>
				
				<div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>120</p>
						<span>2小时前 [案例观点] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索11_09.png" >
					</div>
					<div class="ston"></div>
				</div>
				<div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>120</p>
						<span>2小时前 [案例观点] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索12_09.png" >
					</div>
					<div class="ston"></div>
				</div>
				
				<div class="three clearfix">
					<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
					<div class="pho ">
						<img src="img/首页图片/登录-和-搜索13_09.png" >
					</div>
					<div class="pho1">
						<img src="img/首页图片/登录-和-搜索14_09.png" >
					</div>
					<div class="pho1">
						<img src="img/首页图片/登录-和-搜索15_09.png" >
					</div>
					<div class="name fl">
						<div class="na">
							<img src="img/首页图片/登录-和-搜索8_09.png" >
						</div>
						<p>陈正光</p>
						<div class="na2">
							<img src="img/首页图片/登录-和-搜索10_09.png" >
						</div>
						<span>6868</span>
						<div class="na3">
							<img src="img/首页图片/登录-和-搜索9_09.png" >
						</div>
						<span>4808</span>
						<div class="nam">2天前 [案例观点] </div>
					</div>
				</div>
				
				
				<div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>120</p>
						<span>2小时前 [案例观点] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索16_09.png" >
					</div>
					<div class="ston"></div>
					
				</div><div class="av clearfix">
					<div class="av1  fl">
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<img  src="img/首页图片/登录-和-搜索9_09.png" >
						<p>120</p>
						<span>2小时前 [案例观点] </span>
					</div>
					<div class="av2">
						<img src="img/首页图片/登录-和-搜索17_09.png" >
					</div>
					<div class="ston"></div>
				</div>
				
				<div class="btn">
					加载更多
				</div>
				
				
			</div>
			
			
			
			<!-- 3.底部 -->
			<ul class="footer_content">
				<li >
					<a href="">
						<img  class="li_img"    src="img/首页图片/微信图片_20200528120824.png" alt="">
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="">
						<img class="li_img"  src="img/首页图片/微信图片_202005281208244.png" alt="">
						<p>GLMC</p>
					</a>
				</li>
				<li>
					<a href="shenguang.html">
						<img  class="li_img"  src="img/首页图片/微信图片_202005281208242.png" alt="">
						<p>文章</p>
					</a>
				</li>
				<li>
					<a href="shenguang3.html">
						<img   class="li_img"  src="img/首页图片/微信图片_202005281208243.png" alt="">
						<p>资源</p>
					</a>
				</li>
				<li>
					<a href="shenguang4.html">
						<img  class="li_img"  src="img/首页图片/微信图片_202005281208241.png" alt="">
						<p>学院</p>
					</a>
				</li>
			</ul>
		</div>
		
		
		
		<!-- 左边 -->
		<div class="ming">
			<!-- 头部 -->
			<div class="head clearfix">
				<label for="left"><div class="iconfont iconicon--shanchu"></div></label>
				<input type="text" name="" id="" value=""  placeholder="search"/>
				<div class="hea iconfont iconsousuo"></div>
			</div>
			
			<div class="spring"></div>
			
			<div class="middle">
				<div class="img">
					<img src="img/首页图片/微信图片_20200528153342.png" >
					<h2>立即登入</h2>
					<a href="">忘记密码</a>
				</div>
			</div>
			<div class="spr"></div>
			
			<!-- 底部 -->
			<div class="com">
				<p>GIML</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>文章</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>资源</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
			<div class="com">
				<p>课程</p>
				<span> > </span>
			</div>
			<div class="spring2"></div>
			
			
		</div>
		
		
		
		
		
		
		<!-- 右边 -->
		<div class="ning">
			<div class="top">
				<input type="text" name="" id="" value=""  placeholder="search"/>
				<div class="hea iconfont iconsousuo"></div>
				<label for="right">
					<div class="button">取消</div>
				</label>
				<div class="h2">
					<h2>热搜</h2>
				</div>
				<div class="row">
					<div class="rows">项目管理</div>
					<div class="rows">移动互联网</div>
					<div class="rows">O2O联动化</div>
					<div class="rows">O2O</div>
					<div class="rows">媒介平台</div>
					<div class="rows">细分平台业务</div>
					<div class="rows">项目管理</div>
					<div class="rows">移动互联网</div>
					<div class="rows">O2O联动化</div>
				</div>
				
				
			</div>
			
			
			
		</div>
		
		
		
		
		
		<script type="text/javascript">
		   function recalc() {
		    var clientWidth = document.documentElement.clientWidth;
		    if (!clientWidth) return;
		    document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
		   }
		
		   function initRecalc() {
		    recalc();
		    var resizeEvt = 'osrientationchange' in window ? 'osrientationchange' : 'resize';
		    if (!document.addEventListener) return;
		    window.addEventListener(resizeEvt, recalc, false);
		    document.addEventListener('DOMContentLoaded', recalc, false);
		   }
		   initRecalc();
		  </script>
	</body>
</html>
